Tree Shaking

Loại bỏ dead code — chỉ những hàm bạn import mới xuất hiện trong bundle cuối cùng.

💡 Chạy npm run build rồi mở dist/stats-treeshaking.html để trực quan hóa bundle và xác nhận dead code đã bị loại bỏ.

Demo Trực Tiếp — Hàm Được Dùng

Chỉ add và multiply được import. 13 hàm còn lại trong math.js bị bundler loại bỏ.

Số thứ nhất

Số thứ hai

Chỉ gồm hàm được import

~16 KB

Chạy npm run build để xem kích thước chính xác

Gồm toàn bộ 15 hàm

~85+ KB

CommonJS / import có side effect

15 hàm được định nghĩa, chỉ 2 được import — phần còn lại bị tree-shake loại bỏ.

add() multiply() subtract() divide() power() sqrt() abs() max() min() clamp() round() floor() ceil() mod() factorial()

Tree shaking yêu cầu ES Modules (import/export) — chỉ phân tích tĩnh
CommonJS (require()) không thể tree-shake vì import là động
Đánh dấu package không có side effect với "sideEffects": false trong package.json
Vite/Rollup tự động thực hiện tree shaking trong production build